/*index.css*/

/*body{background-color:#f3f3f3}*/ /*修改后增加*/
body{background-color:#ffffff} /*修改后增加*/

.learning-content{width:100%; margin:0 auto; /*border:1px solid #0f0;*/}

/*m端轮播*/
.focus-wrap{display:none;}
.swiper-container{
	/*background-color: #31A3F5;
	border:1px solid #31A3F5;*/
	/*position:relative;*/
	/*top:50%;*/
	/*position:relative; padding:4px 0 0 0; margin:0;*/
	clear:both;
	float:right;
	/*margin:30% 0 0 0;*/
	/*padding:3.0rem 0 0 0;*/
	height: 42vw;
	/*height:20rem;*/
	text-align: center;
	width:100%;
	/*width: 100%;*/
	color: white;
	font-size: 5.0rem;
	/*border:1px solid #00f;*/
}
.swiper-slide{
	line-height: 30vh;
}
.swiper-slide img{
	width:100%;
	height:43vw;
}
/*.swiper-button-prev{
	color: white;
}*/

/*左侧内容区*/
.content_left{float:left;width:95%;margin:0; padding:0 2.5%;/*border:1px solid #00f;*/}
.main_content{margin:0;}
.main_content p{margin:2.0rem 0; padding:0; line-height:3.0rem; font-size:1.6rem;}


.article_content{clear:both; float:left;width:95%;/*height:39.0rem;*//*margin: 20px 0 0 0;*/ margin:1.0rem 2.5% 0 2.5%; padding:0; border-top:1px solid #eeeeee; /*border:1px solid #00f;*/}
.ul_article_content{/*clear:both;*/ float:left;margin:0;padding:0; width:100%; /*border:1px solid #f00;*/}
.ul_article_content li{/*clear:none;*/ clear:both; float:left; /*margin:0;padding:0;*/ margin:0; padding:0; width:100%; /*border-bottom:1px dashed #eeeeee;*//*border:1px solid #00f;*/}
.article{/*clear:none;*/ clear:both; float:left;/*width:39.0rem;*/ width:100%; /*height:39.0rem;*/ margin:1.5rem 0 0 0; padding:0 0 1.0rem 0; border-bottom:1px dashed #eeeeee;/*display:inline;*//*background: #fff;*/ /*border:1px solid #00f;*/}
.article .image{float:left; margin:0; padding:0; width:22%; /*border:1px solid #0f0;*/}
.article img{/*width:39.0rem;*/ width:100%; /*height:260px;*/ display:block;margin: 0;/*border:1px solid #0f0;*/}
.info_text{clear:none; float:right; margin:0; width:76%; /*border:1px solid #0f0;*/}
.item_title{clear:both; width:100%; font-size:1.8rem; margin:0 0 1.0rem 0;padding:0; max-height:5.6rem;line-height:2.8rem;font-weight:normal;overflow:hidden; text-align:left; /*border:1px solid #f00;*/}
/*.item_title{font-size:1.8rem;margin:0.8rem 0 0.5rem 0; padding:0;height:2.8rem;line-height:2.8rem;font-weight:bold;overflow:hidden;}*/
.info_text a:hover{text-decoration:none;}

.sub_title{font-size:1.6rem;margin:0.0rem 0; /*padding:0 5px;*/ padding:0;line-height:2.0rem;height:2.0rem;overflow:hidden;/*border:1px solid #f00;*/}
.key_words{display:none; clear:both; width:100%; font-size: 1.6rem; margin:1.8rem 0 1.5rem 0; padding:0; line-height:2.0rem; height:2.0rem;overflow:hidden; /*border:1px solid #f00;*/}
.day_time{clear:none; float:right; font-size:1.4rem; /*margin:15px 0 0 0;*/ margin:0.2rem 0; /*padding:0 5px;*/ padding:0; width:38%; line-height:2.0rem;height:2.0rem;font-weight: normal; text-align:right; color:#999999; /*border:1px solid #f00;*/}

.article_more{clear:both; margin:2.5rem 0 0 2.5%; float:left;}
.article_more a{font-size:1.8rem; color:#06f;}


/*商品列表 start*/
.goods_list,.work_list,.ads{clear:none; float:left;margin:2.0rem 0 0.5rem 0; padding:0 0 1.5rem 0; width:100%; /*border:1px solid #00f;*/}
.goods_list{border-bottom:none;}
.work_list{margin:3.0rem 0 0.5rem 0; /*border-bottom:1px solid #eeeeee;*/}
.finish_list{clear:none; float:left;margin:0; padding:0; width:100%; /*border:1px solid #00f;*/}
.ads{margin:0; width:100%;/*max-height:200px;*/max-height:20%;}
.ads img{width:100%;/*max-height:200px;*/max-height:20%;}
.goods_list_title,.work_list_title{/*width: 940px;*/ width:100%; line-height:3.0rem;height:3.0rem;text-align: left;color:#333;/*font-size:2.8rem;*/ font-size: 2.8rem; /*border-bottom: 1px solid #eee; */ /*border:1px solid #f00;*/}
.worknew_free_m{float:right; width:50%; text-align:right; line-height:3.0rem;height:3.0rem; /*border:1px solid #f00;*/}
.worknew_free_m a{font-size:1.8rem; color:#0066ee;}

.goods_content{float:left; /*width:940px;*/ width:100%; /*height:45.0rem;*/ /*margin: 20px 0 0 0;*/ margin:2.0rem 0 0 0; padding:0;/*border:1px solid #00f;*/}
.goods_content .goods{/*width:45.0rem; height:45.0rem;*/width:100%; float:left; /*margin:0 20px 0 0;*/ margin:1.0rem 0 1.0rem 0; padding:0 0 1.0rem 0;border-bottom:1px solid #eeeeee;/*background: #fff;*//*border:1px solid #0f0;*/}
.goods img{/*width:45.0rem; height:300px;*/ width:100%; display:block;margin: 0 auto;/*border:1px solid #0f0;*/}
.goods .title{font-size:1.8rem;/*margin:1.0rem 0;*/ margin:0.8rem 0 0.5rem 0;/*padding:0 5px;*/ padding:0; max-height:5.6rem;line-height:2.8rem;font-weight:bold;overflow:hidden;/*border:1px solid #f00;*/}
.goods .sub_title{font-size:1.6rem;/*margin:0.8rem 0;*/ margin:0.3rem 0; /*padding:0 5px;*/ padding:0; max-height:4.1rem; line-height:2.1rem; overflow:hidden;/*border:1px solid #f00;*/}
.goods .designer_address{float:left;/*font-size:1.6rem;*/ font-size:1.4rem; /*margin:0.8rem 0;*/ margin:0.3rem 0; /*padding:0 5px;*/ padding:0; width:75%; line-height:2.0rem;height:2.0rem;overflow:hidden; /*border:1px solid #00f;*/}
.goods .day_time{clear:none; float:right; font-size:1.4rem;/*margin:0.8rem 0 0 0;*/ margin:0.3rem 0;/*padding:0 5px;*/ padding:0; width:25%; line-height:2.0rem;height:2.0rem;font-weight: normal; text-align:right; /*border:1px solid #00f;*/}
.goods_nav{width:100%;text-align: center;line-height:4.0rem;font-size:3.0rem;background: #fff;margin-top:6.0rem;margin-bottom: 1.0rem;}
/*商品列表 end*/

/*工作列表 start*/
.work_content{float:left;width:100%;/*height:45.0rem;*/margin: 2.0rem 0 0 0;padding:0; /*border:1px solid #0f0;*/}
.work_row {float:left;margin:0;padding:0;width:100%; /*border:1px solid #0f0;*/}
.work_left{float:left; /*width:438px;*/ width:100%; /*height:45.0rem;*/margin:0; /*padding:0 2.0rem 0 0;*/ padding:0; /*background: #fff;*//*border:1px solid #00f;*/}
.work_right{float:right; /*width:438px;*/ width:100%; /*height:45.0rem;*/margin:0; /*padding:0 0 0 20px;*/ padding:0; /*background: #fff;*//*border:1px solid #f00;*/}
/*.work img{width:240px;height:160px;display:block;margin: 0 auto;}*/
.work_content .title,.finish_content .title{float:left; font-size:1.5rem; margin:0.8rem 0 0 0;padding:0.5rem 0; /*width:358px;*/ /*width:75%; */width:100%;/*max-height:5.0rem;*/ line-height:3.0rem;/*max-height:5.0rem;*/ /*font-weight:bold;*/overflow:hidden; border-bottom:1px solid #eeeeee;/*border:1px solid #f00;*/}


/*.work_content .title .line1,.finish_content .title .line1{clear:none; float:left; height:2.5rem;}
.work_content .title .line2,.finish_content .title .line2{clear:none; float:left; height:2.5rem; min-width:255px;}*/

/*.work_content .day_time,.finish_content .day_time{clear:none; float:right;  font-size:1.5rem;margin:0.3rem 0 0 0;padding:0.3rem 0;  line-height:2.5rem;height:2.5rem;font-weight: normal; text-align:right;}*/
.work_content .day_time,.finish_content .day_time{clear:none; float:right; line-height:3.0rem;}
/*工作列表 end*/

/*更多按钮 start*/
/*.show_more{float:left;width:920px;line-height:5.0rem; height:5.0rem;margin:40px auto;text-align: center;font-size:3.0rem;border:1px solid #ddd;}*/
/*更多按钮 end*/


/*右侧内容区*/
.right_list{float:left;/*margin:20px 0 0 0;width:259px;*/margin:0 2.5% 0 2.5%;width:95%;border:none;/*border-left:1px solid #dddddd;*/ /*border:1px solid #00f;*/}

/*右侧内容区1 发布信息按钮 start*/
.info_express{float:right; margin:0 0 2.0rem 0; padding:0; width:100%; display:none;}
#info_express_btn{float:left;margin:0; padding:0; width:100%; }
#info_express_btn .uli{clear:both; loat:left; list-style:none;margin:0 0 1.0rem 0;padding:0px; width:100%;height:5.0rem;line-height:5.0rem;text-align:center; border:none;background:#fff;color:#333;font-family: 'Microsoft YaHei';font-size:1.8rem;cursor:pointer;}
#info_express_btn .uli a{color: white;font-size:2.0rem;font-weight: 600;display: block; width:100%; height:5.0rem;line-height:5.0rem;border-radius:2.5rem; background: rgba(80,125,235,1); text-align: center;margin: 0 auto}
#info_express_btn .uli a:hover {color: white; background: rgba(80,125,235,0.92);}
/*右侧内容区1 发布信息按钮 end*/

#notify {display:none;}

/*右侧内容区2 通知公告 设计名师 职位招聘 start*/
.right_column{clear:both; /*float:right; width: 240px;*/ float:left; width: 100%; /*border:1px solid #f00;*/}
.right_column_title{/*float:right;*/float:left; /*margin:0 0 1.0rem 1.0rem;*/ margin:1.0rem 0 0 0; /*padding:18px 0 0 0; line-height:3.0rem;height:3.0rem;*/ padding:2.2rem 0 1.0rem 0; line-height:3.8rem;height:3.8rem; /*width: 240px;*/ width:100%; text-align: left;color:#333; /*background-color:#f8f8f8;*/ font-size:2.8rem; /*text-align:center; */ text-align:left; /*border-top: 2px solid #ee3322;*/ /*border-top: 1px solid #0066ee;*/ /*border-top:1px solid #eeeeee;*/ /*border:1px solid #f00;*/}
.right_column_designer {margin:0;}
.right_column_designer .right_column_title {margin:0;}
.right_column_jobs .right_column_title {border-top:1px solid #eeeeee;}
.right_column_content{/*float:right;width:240px;*/ float:left; width:100%; /*height:45.0rem;*/ /*margin: 0 0 15px 0;*/ margin:0; padding:0 0 1.0rem 0;/*border:1px solid #0f0;*/}

.right_column .notify,.right_column .jobs{/*float:right;width:240px;*/ float:left; width:100%; margin:0; padding:0;}
.right_column .designer_row {clear:both; float:left; margin:1rem 0 0.5rem 0; width:100%; /*border:1px solid #0f0;*/}
.right_column .designer{/*margin:0 0 8px 0;*/ /*float:left;*/ width:48.8%; margin:0; padding:0; /*border:1px solid #f00;*/}
.right_column .left_item {float:left; /*border:1px solid #f00;*/}
.right_column .right_item {float:right; /*border:1px solid #f00;*/}
.right_column .notify{margin:0; padding:0.5rem 0 0 0; border-top:1px dotted #eeeeee; /*border:1px solid #f00;*/}
.right_column .notifys .first{border:none; /*border:1px solid #f00;*/}
.right_column .jobs{margin:0; padding:0.5rem 0 0 0; /*border-bottom:1px dotted #eeeeee;*/ /*border:1px solid #f00;*/}
.right_column .designer .title,.right_column .notify .title{padding:0.8rem 0 0.2rem 0; line-height:2.2rem; /*border:1px solid #f00;*/}
.right_column .notify .right_column_item{/*margin:0 0 5px 0;*/ margin:0; /*border:1px solid #f00;*/}
.right_column_item{/*float:right;width:240px;*/float:left;/*width:100%;*//*height:45.0rem;*/ /*margin:0 0 2px 0;*/ margin:0; padding:0; width:100%; /*border:1px solid #00f;*/}
.right_column_item img{/*width:240px; height:315px;*/ width:100%; display:block;margin:0 auto; padding:0;}
.right_column_item .title{float:left; margin:0 0 0 0; padding:0.5rem 0 0 0; max-height:5.0rem; line-height:2.5rem; font-size:1.5rem; overflow:hidden; /*border:1px solid #f00;*/}
.right_column_item .day_time{clear:both; float:right; font-size:1.4rem;margin:0;padding:0 0 0.3rem 0;line-height:1.6rem;height:1.6rem;font-weight: normal;}

/*右侧工作区2 通知公告 设计名师 职位招聘 end*/



/*@media screen and (max-device-width: 1000px) {
	#notify {display:none;}
	#right_list {display:none;}
}*/





.content_left{float:left;/*width:920px;*/ width:1008px;/*border:1px solid #00f;*/}
.main_content{margin:0 10px;}
.main_content p{margin:20px 0; line-height:30px; font-size:16px;}

.article_content{float:left;width:1000px;height:auto;margin: 20px 0 0 0;padding:20px 0 0 0; border-top:1px solid #eeeeee;/*border:1px solid #f00;*/}
.ul_article_content{float:left;margin:0;padding:0;width:100%; /*border:1px solid #0f0;*/}
.ul_article_content li{clear:none; float:left;margin:5px 0 0 0;padding:0 15px 12px 15px;width:970px; /*border-bottom:1px dashed #eeeeee;*/ /*border:1px solid #00f;*/}
.article{clear:none; float:left;width:470px;height:auto; margin:0 30px 0 0; padding:0 0 10px 0; border-bottom:1px dashed #eeeeee; /*background: #fff;*/ /*border:1px solid #00f;*/}
.article_right{margin:0;}
.article img{float:left; width:100px;height:66px;display:block;margin: 0 auto;/*border:1px solid #0f0;*/}
.info_text{clear:none; float:left; margin:0 0 0 10px; width:360px; /*border:1px solid #0f0;*/}
.item_title{clear:both; width:100%; font-size: 16px;margin:0 0 10px 0;padding:0;height:56px;line-height:28px;/*font-weight:bold;*/ overflow:hidden; text-align:left; /*border:1px solid #f00;*/}
.info_text a:hover{text-decoration:none;}

.sub_title{clear:both; width:100%; font-size: 16px;margin:8px 0; padding:0;line-height:20px;height:20px;overflow:hidden; text-align:left; /*border:1px solid #f00;*/}
.key_words{clear:both; width:100%; font-size: 16px;margin:18px 0 15px 0; padding:0;line-height:20px;height:20px;overflow:hidden;/*border:1px solid #f00;*/}
.day_time{clear:both; width:100%; font-size: 14px;margin:15px 0 0 0;padding:0;line-height:16px;height:16px;font-weight: normal; color:#999999;/*border:1px solid #f00;*/}

.article_more{clear:both; margin:15px 25px 0 0; float:right;}
.article_more a{font-size:18px; color:#06f;}



.swiper-container {

}

.wiper-wrapper {
	float:left;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.swiper-slide {
	float:left;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.swiper-slide img {
	margin: 0 auto;
}